<template>
  <div>
    <m-cell :title="title" size="large" class="movie-cell">
      <a :href="link" slot="cell-right"><span class="more">更多<img src="../../../assets/images/ic_arrow_green_right.png" alt=""></span></a>
    </m-cell>
    <m-movie-swiper :list="list"></m-movie-swiper>
  </div>
</template>
<script>
  import { Header } from 'mint-ui';
  import mCell from '../../../components/cell'
  import mMovieSwiper from './MovieSwiper'
  export default {
    name: 'MovieGroup',
    props:{
      list:{
        type:Array,
        default:[]
      },
      title:{
        type:String,
        default:''
      },
      link:{
        type:String,
        default:'http://www.baidu.com'
      }
    },
    data() {
      return {

      }
    },
    components: {
      'mHeader': Header,
      mCell,
      mMovieSwiper
    }
  }
</script>
<style lang="less">
@import "../../../assets/less/var.less";
.movie-cell{
  &.m-cell:before{
    height: 0
  }
  .more{
   
    color: @defaultColor;
  }
}

</style>